import {KuiCollapsePanelProps} from './type';

import {PropType, inject} from 'vue';

import { configProviderInjectionKey } from '../kui-config-provider/type';

export default {
	/**
	 * 是否展开
	 */
	open: {
		type: Boolean,
		default: false
	},
	/**
	 * 是否开启动画
	 */
	animation: {
		type: Boolean,
		default: true
	},
	/**
	 * 是否禁用
	 */
	disabled: {
		type: Boolean,
		default: false
	},
	/**
	 * 唯一标识符
	 */
	name: {
		type: String,
		default: ''
	},
	/**
	 * 背景色
	 */
	backgroundColor: {
		type: String,
		default: ''
	},
	/**
	 * 文本色
	 */
	color: {
		type: String,
		default: ''
	},
	/**
	 * @zh 内容文本色
	 */
	textColor: {
		type: String,
		default: ''
	},
	/**
	 * 底框颜色
	 */
	borderColor: {
		type: String,
		default: ''
	},
	/**
	 * 内容背景色
	 */
	wrapBackgroundColor: {
		type: String,
		default: ''
	},
	/**
	 * 页面模式
	 */
	mode: {
		type: String as PropType<KuiCollapsePanelProps['mode']>,
		default: () => inject(configProviderInjectionKey, undefined)?.mode ?? 'light'
	},
	/**
	 * 是否开启点击态
	 */
	activeTitleTapedState: {
		type: Boolean,
		default: true
	}
}